<template>
    <div class="mainContent">

        <contentImg :meUrl = this.info.photo >
        <p slot="myName">{{this.info.name}}</p>
        <span slot="myAddress">{{this.info.address}}</span>
        <span slot="content">{{this.info.agivNum}}</span>
        </contentImg>

        <contentText>
            <p slot="cpnText">
                　{{this.info.introduce_markdown}}
            </p>
        </contentText>

        <contentButtom
          :myInfoQq = this.info.qq
          :myInfoWei = this.info.weixin
          :myInfoZhi = this.info.zhihu
        >

        </contentButtom>
    </div>
</template>

<script>
import contentImg from './contetnImg'
import contentText from './contentText'
import contentButtom from './contentBottom'


export default {
    name:'mainContent',
    components:{
        contentImg,
        contentText,
        contentButtom
    },
    props:{
        info:{
            type:[String,Object,Array],
            required: true
        }
    }
}
</script>

<style scoped>
.mainContent{
    box-shadow: 5px 5px 2px #888888;
}
</style>